﻿@model FlyingCircusWebIS.ViewModels.AeroportoVM.AeroportoFormVM

@{
    if (Model.Edicao)
    {
        ViewBag.Title = "Edição de registro";
        <h2>Edição</h2>
    }
    else
    {
        ViewBag.Title = "Novo registro";
        <h2>Novo</h2>
    }
}

<hr />

@using (Html.BeginForm(FormMethod.Post))
{     
    
    @Html.ValidationSummary()
    
    @Html.HiddenFor(m => m.Edicao)
    @Html.HiddenFor(m => m.IdAeroporto)
    
    @Html.LabelFor(m => m.NomeAeroporto)
    @Html.TextBoxFor(m => m.NomeAeroporto)

    @Html.LabelFor(m => m.Latitude)
    @Html.TextBoxFor(m => m.Latitude, new { @class = "textCoodenada"})

    @Html.LabelFor(m => m.Longitude)
    @Html.TextBoxFor(m => m.Longitude, new { @class = "textCoodenada"})

    @Html.LabelFor(m => m.UF)
    @Html.DropDownListFor(m => m.UF, Model.ItensUF, new { id = "dropUF" })
    
    @Html.LabelFor(m => m.IdCidade)
    @Html.DropDownListFor(m => m.IdCidade, Model.ItensCidades, new { id = "dropCidades" })

    @Html.LabelFor(m => m.FlagAtivo)
    @Html.CheckBoxFor(m => m.FlagAtivo)
  
    <p>
        <input type="submit" value="Salvar" />
    </p>
    
    
}

<div>
    @Html.ActionLink("Voltar", "Index")
</div>


@section scripts 
{
    <script type="text/javascript">

        $(document).ready(function() {
            
            ConfiguraEventoSelecaoComboEstados();
            ConfiguraMascaras();

        });

        function ConfiguraMascaras()
        {
            $(".textCoodenada").mask("N0999.099999", { reverse: false, translation: { 'N': { pattern: /[-]/, optional: true } } });
        }

        function ConfiguraEventoSelecaoComboEstados()
        {
            $("#dropUF").change(function() {

                var ufSelecionado = $(this).val()
                $.get('@Url.Action("BuscarItensCidades")', { uf: ufSelecionado }, function (data) {
                    PopulaComboCidades(data);
                });

            });
        }

        function PopulaComboCidades(data)
        {
            var dropdownCidades = $("#dropCidades");

            dropdownCidades.empty();
            for (var i = 0; i < data.length; i++) {
                var option = $("<option />").val(data[i].Value).text(data[i].Text);
                dropdownCidades.append(option);
            }
        }
    </script>   
}

